<template>
  <div class="qyxq">
    <div class="qyxq-a-a">
      <div class="qyxq-a">返回</div>
      <div class="qyxq-aa">企业详情</div>
      <div class="qyxq-aaa"></div>
    </div>
    <div class="qyxq-b">已于 2022-12-10 被注销</div>
    <div class="qyxq-c">
      <div class="qyxq-c-a">
        <div class="qyxq-c-aa">南华期货</div>
        <div class="qyxq-c-aaa">
          <div class="qyxq-c-b">南华期货股份有限公司苏州营业部</div>
          <div class="qyxq-c-bb">91320594346267394B</div>
        </div>
      </div>
      <div class="qyxq-d">
        <div class="qyxq-d-a">存续</div>
        <div class="qyxq-d-aa">投资与资产管理</div>
        <div class="qyxq-d-aaa">独角兽培育企业</div>
      </div>
      <div class="qyxq-dd">
        <div class="qyxq-d-da">高新技术企业</div>
        <div class="qyxq-d-daa">科技型中小企业</div>
      </div>
      <div class="qyxq-d-c">
        <div class="qyxq-d-cccc" v-for="(item, index) in list1" :key="index">
          <div class="qyxq-d-cc">{{ item.title }}</div>
          <div class="qyxq-d-ccc">{{ item.data }}</div>
        </div>
      </div>
      <div class="qyxq-e">
        <div class="qyxq-e-a">
          <div class="qyxq-e-aa">行业分类</div>
          <div class="qyxq-e-aaa">其他金融业</div>
        </div>
        <div class="qyxq-ee">
          <div class="qyxq-e-aa">公司人数</div>
          <div class="qyxq-e-aaa">241</div>
        </div>
      </div>
    </div>
    <div class="qyxq-eee"></div>
    <div class="qyxq-f">
      <img src="../../assets/images/dianhua (1).png" alt="" class="qyxq-f-a" />
      <div class="qyxq-f-aa">137-7893-0945</div>
    </div>
    <div class="qyxq-ff"></div>

    <div class="qyxq-f-aaa">
      <img
        src="../../assets/images/dianhua (2).png"
        alt=""
        class="qyxq-f-aaaa"
      />
      <div class="qyxq-f-aaaaa">
        苏州工业园区苏州大道西205号尼盛广场1幢1202室
      </div>
    </div>
    <div class="qyxq-fff"></div>
    <div class="qyxq-g">
      <div class="qyxq-g-a">
        <div class="qyxq-g-aa">
          <div>股</div>
          <div>东</div>
          <div>3</div>
        </div>
        <div class="qyxq-gg-aaa">
          <div class="qyxq-g-aaa">
            <div class="qyxq-g-aaaa">苏州企业征信服务有...</div>

            <div class="qyxq-g-aaaaaa">
              <div class="qyxq-g-aaaaa">
                持股比例 <span class="qyxq-g-c">90%</span>
              </div>
            </div>
            <div class="qyxq-g-aaaaaa">
              <div class="qyxq-g-aaaaa">
                投资企业 <span class="qyxq-g-c">11家</span>
              </div>
            </div>
          </div>
          <div class="qyxq-g-b" v-for="(item, index) in list3" :key="index">
            <div class="qyxq-g-bb">
              <div
                class="qyxq-g-bbb"
                :style="{ 'background-color': getColor(index) }"
              >
                {{ item.uname1 }}
              </div>
              <div class="qyxq-g-bbbb">{{ item.uname2 }}</div>
            </div>
            <div class="qyxq-g-aaaaaa">
              <div class="qyxq-g-aaaaa">
                持股比例 <span class="qyxq-g-c">{{ item.uname3 }}%</span>
              </div>
              <div class="qyxq-g-aaaaa">
                投资企业 <span class="qyxq-g-c">{{ item.uname4 }}家</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="qyxq-f">
        <div class="qyxq-f-a">
          <div>人</div>
          <div>员</div>
          <div>3</div>
        </div>
        <div class="qyxq-ff-aa">
          <div class="qyxq-f-aa" v-for="(item, index) in list2" :key="index">
            <div class="qyxq-f-b">
              <div
                class="qyxq-f-bb"
                :style="{ 'background-color': getColor(index) }"
              >
                {{ item.name1 }}
              </div>
              <div class="qyxq-f-bbb">
                <div class="qyxq-f-bbbb">{{ item.name2 }}</div>
                <div class="qyxq-f-bbbbb">{{ item.name3 }}</div>
              </div>
            </div>
            <div class="qyxq-f-c">
              关联企业<span class="qyxq-f-cc">{{ item.name4 }}家</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="qyxq-zz">
      <div class="qyxq-z-a">
        <div>风</div>
        <div>险</div>
        <div>扫</div>
        <div>描</div>
      </div>
      <div class="qyxq-z-aa">
        <div class="qyxq-zz-aa" v-for="(item, index) in list6" :key="index">
          <div class="qyxq-z-bbb">
            <div class="qyxq-z-bb">{{ item.title }}</div>
            <div class="qyxq-z-bbbb">{{ item.data }}</div>
          </div>

          <div class="qyxq-z-bbbbb">{{ item.event }}</div>
        </div>
      </div>
    </div>

    <div class="qyxq-h">
      <div class="qyxq-hhh">
        <div class="qyxq-h-a">
          <div>常</div>
          <div>用</div>
          <div>服</div>
          <div>务</div>
        </div>
        <div class="qyxq-hhhhh">
          <div class="qyxq-h-b" v-for="(item, index) in list5" :key="index">
            <img :src="item.imge1" alt="" class="qyxq-h-bb" />
            <div class="qyxq-h-bbb">{{ item.name6 }}</div>
          </div>
        </div>
      </div>
      <div class="qyxq-hhh">
        <div class="qyxq-h-a">
          <div>关</div>
          <div>联</div>
          <div>图</div>
          <div>谱</div>
        </div>
        <div class="qyxq-h-b" v-for="(item, index) in list4" :key="index">
          <img :src="item.imge" alt="" class="qyxq-h-abbb" />
          <div class="qyxq-h-bbb">{{ item.name5 }}</div>
        </div>
      </div>
    </div>
    <div class="qyxq-j">
      <div class="qyxq-jj" v-for="(item, index) in list5" :key="index">
        <img :src="item.imge1" alt="" class="qyxq-j-a" />
        <div class="qyxq-j-aa">{{ item.name6 }}</div>
      </div>
    </div>
    <div class="qyxq-n">
      <div class="qyxq-nn">
        <div class="qyxq-n-a"></div>
        <div class="qyxq-n-aa">监控</div>
      </div>
      <div class="qyxq-nnn">
        <div class="qyxq-nn-a"></div>
        <div class="qyxq-nn-aa">关注</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  /*1. Vue扩展 */
  extends: "", // extends和mixins都扩展逻辑，需要重点放前面
  mixins: [],
  components: {},
  /* 2. Vue数据 */
  props: {},
  model: { prop: "", event: "" }, // model 会使用到 props
  data() {
    return {
      list1: [
        { title: "法定代表人", data: "卢继鸿" },
        { title: "注册资本", data: "1000万元" },
        { title: "成立日期", data: "2015-11-20" },
      ],
      list6: [
        { title: "信用风险 ", data: "0", event: "暂无信用风险" },
        {
          title: "经营风险  ",
          data: "1",
          event: "企业纳税额异常 企业盈利大幅...",
        },
        { title: "关联风险  ", data: "0", event: "暂无关联风险" },

        { title: "关联风险  ", data: "0", event: "暂无关联风险" },
        { title: "关联风险  ", data: "0", event: "暂无关联风险" },
      ],
      list2: [
        {
          name1: "卢",
          name2: "卢继鸿",
          name3: "董事长",
          name4: "11",
        },
        {
          name1: "钱",
          name2: "钱淑英",
          name3: "董事长兼...",
          name4: "2",
        },
        {
          name1: "陈",
          name2: "陈燕涛",
          name3: "董事",
          name4: "2",
        },
        {
          name1: "陈",
          name2: "陈燕涛",
          name3: "董事",
          name4: "2",
        },
        {
          name1: "陈",
          name2: "陈燕涛",
          name3: "董事",
          name4: "2",
        },
      ],
      list3: [
        {
          uname1: "卢",
          uname2: "卢继鸿",
          uname3: "10",
          uname4: "11",
        },
      ],
      list4: [
        {
          imge: require("../../assets/images/qiyetupu.png"),
          name5: "企业图谱",
        },
        {
          imge: require("../../assets/images/faren.png"),
          name5: "法人图谱",
        },
      ],
      list5: [
        {
          imge1: require("../../assets/images/gsa.png"),
          name6: "工商信息",
        },
        {
          imge1: require("../../assets/images/gsaa.png"),
          name6: "股东信息",
        },
        {
          imge1: require("../../assets/images/gsaaa.png"),
          name6: "法定代表人",
        },
        {
          imge1: require("../../assets/images/gsaaaa.png"),
          name6: "主要人员",
        },
        {
          imge1: require("../../assets/images/gsaaaaa.png"),
          name6: "变更记录",
        },
        {
          imge1: require("../../assets/images/gsaaaaaa.png"),
          name6: "关联图谱",
        },
      ],
    };
  },
  computed: {},
  watch: {}, // watch 监控的是 props 和 data，有必要时监控computed
  /* 3. Vue资源 */
  filters: {},
  directives: {},
  /* 4. Vue生命周期 */
  created() {},
  mounted() {},
  destroy() {},
  /* 5. Vue方法 */
  methods: {
    getColor(index) {
      const color = ["#CCA5D5", "#CCA685", "#74A8E7", "#7DB7B7"];
      return color[index % color.length];
    },
  },
};
</script>

<style scoped lang="scss">
.qyxq {
  .qyxq-a-a {
    display: flex;
    justify-content: space-between;
    height: 92px;
    .qyxq-a {
      margin: 61px 0 0 17px;
      width: 35px;
      font-size: 17px;
    }
    .qyxq-aa {
      font-family: Alibaba PuHuiTi;
      font-weight: 400;
      font-size: 17px;
      color: #000000;
      margin-top: 61px;
    }
    .qyxq-aaa {
      margin: 61px 17px 0 0;
      width: 35px;
    }
  }
  .qyxq-b {
    height: 24px;
    background: #fff7e9;
    font-family: Source Han Sans SC;
    font-weight: 400;
    font-size: 12px;
    color: #d3a44a;
    line-height: 24px;
    margin-left: 14px;
  }
  .qyxq-c {
    .qyxq-c-a {
      display: flex;
      margin: 12px 0 0 12px;
      .qyxq-c-aa {
        width: 37px;
        height: 37px;
        background: #d99d9a;
        border-radius: 4px;
        font-family: Alibaba PuHuiTi;
        font-weight: 500;
        font-size: 13px;
        color: #ffffff;
        line-height: 18px;
        text-align: center;
      }
      .qyxq-c-aaa {
        margin-left: 6px;
        .qyxq-c-b {
          font-family: Alibaba PuHuiTi;
          font-weight: 500;
          font-size: 18px;
          color: #000000;
          line-height: 15px;
        }
        .qyxq-c-bb {
          font-family: Alibaba PuHuiTi;
          font-weight: 400;
          font-size: 15px;
          color: #989898;
          margin-top: 5px;
        }
      }
    }
    .qyxq-d {
      display: flex;
      margin: 10px 0 0 12px;
      .qyxq-d-a {
        width: 49px;
        height: 21px;
        background: rgba(227, 242, 237, 0.2);
        border-radius: 2px;
        border: 1px solid #3f9f71;
        font-family: Alibaba PuHuiTi;
        font-weight: 500;
        font-size: 12px;
        color: #3f9f71;
        line-height: 21px;
        text-align: center;
      }
      .qyxq-d-aa {
        width: 107px;
        height: 21px;
        background: #e4efff;
        border-radius: 2px;
        font-family: Alibaba PuHuiTi;
        font-weight: 400;
        font-size: 12px;
        color: #3282e4;
        line-height: 21px;
        text-align: center;
        margin-left: 7px;
      }
      .qyxq-d-aaa {
        width: 120px;
        height: 21px;
        background: rgba(63, 159, 113, 0.2);
        border-radius: 2px;
        border: 1px solid #3f9f71;
        line-height: 21px;
        text-align: center;
        font-family: Alibaba PuHuiTi;
        font-weight: 400;
        font-size: 12px;
        color: #3f9f71;
      }
    }
    .qyxq-dd {
      display: flex;
      margin: 10px 0 0 12px;
      .qyxq-d-da {
        width: 107px;
        height: 21px;
        background: rgba(50, 130, 228, 0.1);
        border-radius: 2px;
        border: 1px solid #3f9f71;
        font-family: Alibaba PuHuiTi;
        font-weight: 400;
        font-size: 12px;
        color: #3282e4;
        line-height: 21px;
        text-align: center;
      }
      .qyxq-d-daa {
        width: 116px;
        height: 21px;
        background: rgba(159, 108, 63, 0.1);
        border-radius: 2px;
        font-family: Alibaba PuHuiTi;
        font-weight: 400;
        font-size: 12px;
        color: #9f6c3f;
        line-height: 21px;
        text-align: center;
        margin-left: 7px;
      }
    }
    .qyxq-d-c {
      display: flex;
      margin-top: 14px;
      .qyxq-d-cccc {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #f4f4f4;
        flex: 1;
        .qyxq-d-cc {
          font-family: Alibaba PuHuiTi;
          font-weight: 400;
          font-size: 13px;
          color: #989898;
        }
        .qyxq-d-ccc {
          font-family: Alibaba PuHuiTi;
          font-weight: 500;
          font-size: 15px;
          color: #2c2c2c;
          margin-left: 6px;
        }
      }
    }
    .qyxq-e {
      display: flex;
      margin: 12px 12px 0 12px;
      .qyxq-e-a {
        height: 55px;
        background: #f6f6f6;
        border-radius: 4px;
        flex: 1;
        // border: 1px solid red;
        display: flex;
        flex-direction: column;
        justify-content: center;
        .qyxq-e-aa {
          font-family: Alibaba PuHuiTi;
          font-weight: 400;
          font-size: 13px;
          color: #989898;
          margin-left: 11px;
        }
        .qyxq-e-aaa {
          font-family: Alibaba PuHuiTi;
          font-weight: 400;
          font-size: 14px;
          color: #2c2c2c;
          margin-left: 11px;
        }
      }
      .qyxq-ee {
        width: 120px;
        margin-left: 8px;
        // border: 1px solid red;
        background: #f6f6f6;
        border-radius: 4px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        .qyxq-e-aa {
          font-family: Alibaba PuHuiTi;
          font-weight: 400;
          font-size: 13px;
          color: #989898;
          margin-left: 11px;
        }
        .qyxq-e-aaa {
          font-family: Alibaba PuHuiTi;
          font-weight: 400;
          font-size: 14px;
          color: #2c2c2c;
          margin-left: 11px;
        }
      }
    }
  }
  .qyxq-eee {
    height: 7px;
    background: #f6f6f6;
  }
  .qyxq-f {
    display: flex;
    margin: 5px 0 0 9px;
    align-items: center;

    .qyxq-f-a {
      width: 11px;
      height: 13px;
    }

    .qyxq-f-aa {
      font-family: Alibaba PuHuiTi;
      font-weight: 400;
      font-size: 15px;

      margin-left: 5px;
      color: #3282e4;
    }
  }

  .qyxq-ff {
    border: 1px solid #f4f4f4;
    margin: 3px 12px 0 12px;
  }
  .qyxq-f-aaa {
    display: flex;
    margin: 5px 0 0 9px;
    align-items: center;
    .qyxq-f-aaaa {
      width: 11px;
      height: 13px;
    }
    .qyxq-f-aaaaa {
      font-family: Alibaba PuHuiTi;
      font-weight: 400;
      font-size: 15px;
      color: #3282e4;
      margin-left: 5px;
    }
  }
  .qyxq-fff {
    height: 7px;
    background: #f6f6f6;
    margin-top: 5px;
  }
  .qyxq-g {
    height: 169px;
    border-bottom: 7px solid #f6f6f6;
    .qyxq-g-a {
      display: flex;
      // border: 1px solid red;
      margin: 6px 0 0 12px;
      .qyxq-g-aa {
        background: #e5f0fb;
        width: 19px;
        height: 78px;

        border-radius: 2px;
        font-family: Alibaba PuHuiTi;
        font-weight: 400;
        font-size: 12px;
        color: #3282e4;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        // border: 1px solid red;
      }
      .qyxq-gg-aaa {
        display: flex;
        overflow-x: auto;
        flex: 1;
        .qyxq-g-aaa {
          width: 106px;
          height: 78px;
          background: #f6f6f6;
          border-radius: 5px;
          margin-left: 5px;
          padding: 7px 17px 10px 8px;

          .qyxq-g-aaaa {
            font-family: Alibaba PuHuiTi;
            font-weight: 400;
            font-size: 14px;
            color: #000000;
            line-height: 15px;
          }

          .qyxq-g-aaaaaa {
            .qyxq-g-aaaaa {
              font-family: Alibaba PuHuiTi;
              font-weight: 400;
              font-size: 12px;
              color: #717171;
              .qyxq-g-c {
                font-weight: 600;
                font-size: 12px;
              }
            }
          }
        }
      }
      .qyxq-g-b {
        width: 106px;
        height: 78px;
        background: #f6f6f6;
        border-radius: 5px;
        margin-left: 6px;
        .qyxq-g-bb {
          display: flex;
          align-items: center;
          margin: 8px 0 0 7px;
          .qyxq-g-bbb {
            font-family: Alibaba PuHuiTi;
            font-weight: 400;
            font-size: 16px;
            color: #ffffff;
            line-height: 25px;
            width: 25px;
            height: 25px;
            background: #cca5d5;
            border-radius: 4px;
            text-align: center;
          }
          .qyxq-g-bbbb {
            font-family: Alibaba PuHuiTi;
            font-weight: 400;
            font-size: 14px;
            color: #000000;
            line-height: 15px;
            margin-left: 6px;
          }
        }
        .qyxq-g-aaaaaa {
          margin: 7px 0 0 8px;

          .qyxq-g-aaaaa {
            font-family: Alibaba PuHuiTi;
            font-weight: 400;
            font-size: 12px;
            color: #717171;
            line-height: 15px;
            .qyxq-g-c {
              font-weight: 600;
            }
          }
        }
      }
    }

    .qyxq-f {
      display: flex;
      margin: 8px 0 0 12px;
      .qyxq-f-a {
        width: 19px;
        height: 78px;
        background: #e5f0fb;
        border-radius: 2px;
        font-family: Alibaba PuHuiTi;
        font-weight: 400;
        font-size: 12px;
        color: #3282e4;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
      }
      .qyxq-ff-aa {
        display: flex;
        flex: 1;
        overflow-x: auto;
        .qyxq-f-aa {
          width: 106px;
          height: 62px;
          background: #f6f6f6;
          border-radius: 5px;
          margin-left: 6px;
          .qyxq-f-b {
            display: flex;
            margin: 8px 0 0 8px;
            width: 106px;
            .qyxq-f-bb {
              width: 25px;
              height: 25px;
              background: #cca685;
              border-radius: 4px;
              font-family: Alibaba PuHuiTi;
              font-weight: 400;
              font-size: 16px;
              color: #ffffff;
              line-height: 25px;
              text-align: center;
            }
            .qyxq-f-bbb {
              margin-left: 6px;
              .qyxq-f-bbbb {
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                font-size: 14px;
                color: #000000;
                line-height: 15px;
              }
              .qyxq-f-bbbbb {
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                font-size: 12px;
                color: #717171;
                line-height: 15px;
              }
            }
          }
          .qyxq-f-c {
            font-family: Alibaba PuHuiTi;
            font-weight: 400;
            font-size: 12px;
            color: #717171;
            line-height: 15px;
            margin: 5px 0 0 8px;
            .qyxq-f-cc {
              font-weight: 600;
            }
          }
        }
      }
    }
  }
  .qyxq-h {
    border-bottom: 7px solid #f6f6f6;
    height: 155px;
    .qyxq-hhh {
      display: flex;

      .qyxq-h-a {
        width: 19px;
        height: 62px;
        background: #e5f0fb;
        border-radius: 2px;
        margin: 8px 0 0 12px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-family: Alibaba PuHuiTi;
        font-weight: 400;
        font-size: 12px;
        color: #3282e4;
        line-height: 14px;
        flex-shrink: 0;
      }

      .qyxq-hhhhh {
        display: flex;
        flex: 1;
        overflow-x: auto;
        .qyxq-h-b {
          width: 106px;
          height: 62px;
          background: #f6f6f6;
          border-radius: 5px;
          margin: 8px 0 0 5px;
          flex-shrink: 0;
          display: flex;
          flex-direction: column;
          align-items: center;

          .qyxq-h-bb {
            width: 28px;
            height: 35px;
            margin-top: 5px;
          }
          .qyxq-h-hh {
            width: 25px;
            height: 28px;
          }
          .qyxq-h-bbb {
            font-family: Alibaba PuHuiTi;
            font-weight: 400;
            font-size: 12px;
            color: #000000;
            line-height: 15px;
            margin-top: 4px;
          }
        }
      }
      .qyxq-h-b {
        width: 106px;
        height: 62px;
        background: #f6f6f6;
        border-radius: 5px;
        margin: 8px 0 0 5px;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        .qyxq-h-abbb {
          width: 78px;
          height: 35px;
          margin-top: 5px;
        }
      }
    }
  }
  .qyxq-j {
    display: flex;
    flex-wrap: wrap;
    .qyxq-jj {
      display: flex;
      border: 1px solid #f6f6f6;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 25%;
      height: 105px;
      .qyxq-j-a {
        width: 25px;
        height: 28px;
      }
      .qyxq-j-aa {
        font-family: Alibaba PuHuiTi;
        font-weight: 400;
        font-size: 15px;
        color: #2c2c2c;
        line-height: 12px;
        margin-top: 7px;
      }
    }
  }
  .qyxq-zz {
    display: flex;
    height: 95px;
    border-bottom: 7px solid #f6f6f6;
    align-items: center;
    .qyxq-z-a {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 19px;
      height: 68px;
      background: #ffe5e5;
      border-radius: 2px;
      font-family: Alibaba PuHuiTi;
      font-weight: 400;
      font-size: 12px;
      color: #db4a4a;
      line-height: 13px;
      margin-left: 12px;
    }
    .qyxq-z-aa {
      // border: 1px solid red;
      overflow-x: auto;
      display: flex;
      flex: 1;
      .qyxq-zz-aa {
        width: 106px;
        height: 68px;
        background: #f6f6f6;
        border-radius: 5px;
        margin-left: 6px;
        // border: 1px solid red;
        flex-shrink: 0;
        .qyxq-z-bbb {
          display: flex;
          .qyxq-z-bb {
            font-family: Alibaba PuHuiTi;
            font-weight: 400;
            font-size: 14px;
            color: #000000;
            line-height: 15px;
            margin: 8px 0 0 11px;
          }
          .qyxq-z-bbbb {
            font-family: Alibaba PuHuiTi;
            font-weight: 400;
            font-size: 14px;
            color: red;
            line-height: 15px;
            margin: 8px 0 0 2px;
          }
        }
        .qyxq-z-bbbbb {
          font-family: Alibaba PuHuiTi;
          font-weight: 400;
          font-size: 12px;
          color: #717171;
          line-height: 15px;
          margin: 8px 0 0 12px;
          display: -webkit-box; /* 使用弹性盒子布局 */
          -webkit-line-clamp: 2; /* 限制显示的行数 */
          -webkit-box-orient: vertical; /* 设置盒子中的子元素排列方式为垂直方向 */
          overflow: hidden; /* 隐藏超出容器的文本 */
          white-space: normal; /* 设置文本换行 */
          text-overflow: ellipsis; /* 使用省略号表示截断的文本 */
        }
      }
    }
  }
  .qyxq-n {
    height: 58px;
    align-items: center;
    display: flex;
    margin-left: 8px;
    .qyxq-nn {
      width: 201px;
      height: 42px;
      background: #e0ecff;
      border-radius: 2px;
      display: flex;
      align-items: center;
      justify-content: center;
      .qyxq-n-a {
        width: 20px;
        height: 22px;
        border: 1px solid red;
      }
      .qyxq-n-aa {
        font-family: Alibaba PuHuiTi;
        font-weight: 400;
        font-size: 15px;
        color: #2c2c2c;
        margin-left: 5px;
      }
    }
  }
  .qyxq-nnn {
    margin-left: 13px;
    align-items: center;
    justify-content: center;
    width: 152px;
    height: 42px;
    background: #4e8ce8;
    border-radius: 2px;
    display: flex;
    .qyxq-nn-a {
      width: 20px;
      height: 22px;
      border: 1px solid red;
    }
    .qyxq-nn-aa {
      font-family: Alibaba PuHuiTi;
      font-weight: 400;
      font-size: 15px;
      color: #ffffff;
      margin-left: 5px;
    }
  }
}
</style>
